前后端交互模型(7-1) && dos命令

node

客户端和服务器端的交互模型

  • [x] 网站，给别人看，怎么做？

    • [ ] 买（云）服务器，服务器连上网络，会存在一个外网IP地址*；开发项目上传到服务器上。（FTP上传）

    • [ ] 买域名（万网）

    • [ ] DNS解析（域名解析）
      DNS网络服务器，域名解析相当于在DNS上记录一条信息记录：
      • www.lyzh.tk 220.110.22.22(服务器外网IP地址) 80(服务器端口)

图形分析34，35，36

  • [x] 用户看到页面时：发生了什么
  • [ ] 用户把HTTP源代码请求回来时，浏览器开始按照自己的引擎渲染时，并从新向服务器请求css/js/img…；

了解

  • 如何减少http请求
    • [ ] css/js合并（css/js不多时采用内嵌式css）
    • [ ] img、icon合并（雪碧图技术/css Sprite）
    • [ ] 图片延迟加载(加载时，用默认图占位,当页面加载完成后再加载第一屏幕或者第二屏幕的图片,其余的当滚动到对应区域的时候在加载)
    • [ ] 数据异步加载：Ajax请求和资源文件的请求原理一样的（AJAX/JSONP数据请求的时候,分批异步请求(分页/微博滚动到底部才加载更多)）

  • 服务器端口号：（0~65535）

    • 不同项目对应不同端口号
    • 一般用80/443这两个端口下

  • nekwork
    谷歌控制台nekwork，可以看到当前客户端向服务器端发送的请求以及请求信息等

URL和HTTP基础知识

  • [X] URI/URL/URN

    • [ ] URI=URL+URN：统一资源标识符（统一资源信息）
    • [ ] URN：统一资源名称

    • [ ] URL：统一资源定位符

      |属 性 名 |例 子 |说 明|
      | ——– | :—–: | :—- |
      |protocol |”http:” |传输协议（客户端与服务端交互的数据通过http传输）|
      |hostname| “www.wrox.com” |域名|
      |port| “80” |端口号|
      |文件|index.html|请求资源文件名（告诉服务器请求的资源文件是谁）|
      |search |”?q=javascript”|问好传参（客户端传递给服务器端的内容）|
      |hash |”#contents”|锚点定位 返回URL中的hash（#号后跟零或多个字符），如果URL中不包含散列，则返回空字符串 |
      传输协议
      HTTP（80）：超文本传输协议（除了文本还可传输音频等东西，例如：XML等）–>快递
      HTTPS（443）：更安全的HTTP–>戴了安全帽的快递
      FTP（21）：文件传输协议（项目源文件传递到服务器上）–>物流

DOS命令（win+r–>cmd）

  • [x] ipconfig/ipconfig -all:查看本电脑的IP地址
  • [x] ping :查看本机网络状况。-t持续保持
    ping www.baidu.com -t
  • [x] 常用命令
    • [ ] ctrl+c:终止正在运行的dos命令
    • [ ] exit :关闭dos命令窗口
    • [ ] cls:清屏

  • [x] 文件夹

    • [ ] cd ../ 当前文件夹目录的上一级目录
    • [ ] cd ./ 当前目录

    • [ ] cd /

    • [ ] D:直接进入d盘

    • [ ] cd my 打开本目录下文件
    • [ ] dir 查看当前文件夹下目录
    • [ ] mkdir zl创建

【shift+鼠标右键】可直接在当前文件夹下打开DOS命令窗口

node环境的命令

npm install less -g– 安装
npm uninstall less -g– 卸载
lessc -v –查看安装成功与否